<template>
  <div class="homeviews" >
    <div class="viewsitem" v-for="(item,index) in recommeds" :key="item+index">
      <a :href="item.link">
        <img :src="item.image">
        <p>{{item.title}}</p>
      </a>
    </div>
  </div>
</template>
<script>
export default {
   name:'homeviews',
   props:{
     recommeds:Array,
     default(){
       return []
     }
   }
}
</script>

<style  scoped>

.homeviews{
 display: flex;
 background-color: white;
 margin-top: 5px ;
 box-shadow: 0px 3px 10px  rgba(0,0,0,0.3);
 
}
.homeviews img{
  width: 65px;
  height: 65px;
}
.viewsitem{
  flex: 1;
  background-color: white;
}
viewsitem p{
font-weight: bold;
}
</style>